<template>
  <div class="noInterview">
    <div class="noInterview-header">
      <div class="noInterview-header-left" @click="goBack">
        <i class="el-icon-arrow-left"></i>
        <span>返回</span>
      </div>
    </div>
    <div class="noInterview-content">
      <div class="content-title">
        <div class="content-title-left">
          <span v-if="form.type === '1'">已录用人数</span>
          <span v-else>保障期内离职人数</span>
          <span>({{total}})</span>
        </div>
        <div class="content-title-right">
          <div class="export-btn" @click="exportData">
            <img src="../../../assets/img/export.png" alt>
            <span>导出</span>
          </div>
        </div>
      </div>
      <ul class="tab-box">
        <li :class="form.type==='1'? 'active1' :'active2'" @click="handleClickTab('1')">录用</li>
        <li :class="form.type==='2'? 'active1' :'active2'" @click="handleClickTab('2')">保障期内离职</li>
      </ul>
      <div class="table-box" v-loading="loading">
        <el-table stripe border :data="tableData" size="small">
          <el-table-column label="会员名称" align="center">
            <template slot-scope="scope">
              <el-button
                @click="handleClickNickName(scope.row)"
                type="text"
                size="small"
              >{{scope.row.nickname}}</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="sex" label="性别" align="center"></el-table-column>
          <el-table-column prop="age" label="年龄" align="center"></el-table-column>
          <el-table-column prop="jobstatus" label="状态" align="center"></el-table-column>
          <el-table-column prop="positionname" label="面试岗位" align="center"></el-table-column>
          <el-table-column prop="entrydate" label="入职时间" align="center"></el-table-column>
          <el-table-column prop="offdate" label="离职时间" align="center" v-if="form.type=== '2'"></el-table-column>
        </el-table>
        <div style="margin-top: 20px;">
          <el-pagination
            background
            :current-page="form.pagenum"
            :page-size="form.pagesize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total"
            :page-sizes="[10, 20, 30, 50, 100]"
            @current-change="handleCurrentChange"
            @size-change="handleSizeChange"
          ></el-pagination>
        </div>
        <el-dialog :visible.sync="dialogVisible" width="1040px">
          <resume-detail
            v-if="dialogVisible"
            :userid="userid"
            :nickName="nickName"
            :isShowTelphone="true"
          ></resume-detail>
        </el-dialog>
      </div>
    </div>
  </div>
</template>

<script src="./index.js"></script>

<style scoped src="./index.css"></style>

